/*
lighten(@color, 10%);  返回的颜色在@color基础上变亮10% *
darken(@color, 10%);  返回的颜色在@color基础上变暗10%*
saturate(@color, 10%);   返回的颜色在@color基础上饱和度增加10% *
desaturate(@color, 10%); 返回的颜色在@color基础上饱和度降低10%*
spin(@color, 10);  返回的颜色在@color基础上色调增加10*
spin(@color, -10);  返回的颜色在@color基础上色调减少10 
mix(@color1, @color2);  返回的颜色是@color1和@color2两者的混合色  
*/
/* 
	RJ-CMS CSS Variables 
	其中的注释说明：
	simple configuration 表示简易配置
	responsive unique 响应试特有
	sp前缀为手机版属性
*/

@charset "utf-8";
/*************** 色调 ************************/

/* 色调 */
/* 主色调 simple configuration */
@primary-color:#2498ff;

/* 辅色调（文字颜色） simple configuration */
@secondary-color: #333;

/* 强调色（文字滑过效果，可与主色一致）*/
@emphasize-color:@primary-color;

/* 融合色 */
@blend-color: #fff;

/* 背景色(可与主色一致) */
@background-color:#fafafa;

/*************** 色调 ************************/


/*************** 字体 ************************/
/* 字体族*/
@body-font-family: "宋体",Verdana;
/*@body-font-size:12px;
@spbody-font-size:16px;*/
/*文字下划线 re*/
@text-decoration-underline:underline;

/* 基础字体大小,行高，宽度，字体颜色 */
@base-font-size: 16px;
@base-line-height:2em;
@base-font-weight:normal;
@base-font-color:@secondary-color;

/* 手机版基础字体大小,行高，宽度，字体颜色 */
@spbase-font-size:16px;
@spbase-line-height:2em;
@spbase-font-color:#000;
/* 基础字体链接色，链接背景颜色  */
@base-link-font-color:@emphasize-color;
@base-link-active-bg: darken(@blend-color, 10%);

/*强调的文字字体大小，行高，宽度*/
@emphasize-font-size:1.1428em;
@emphasize-font-line-height:2em;
@emphasize-font-weight:bold;

/*手机版强调的文字字体大小，行高，宽度*/
@spemphasize-font-size:1.125em;
@spemphasize-font-height:2.4em;
@spemphasize-font-line-height:@spemphasize-font-height;
@spemphasize-font-weight:200;

@emphasize-font-color:@emphasize-color;
@emphasize-link-font-color:@emphasize-color;


/*************** 背景 ************************/

/* 背景色 simple configuration */
@body-bg-color:@background-color;

/* 背景图片 simple configuration */
@body-bg-img: "images/bg.gif";

/* 图片显示位置 simple configuration */
@body-bg-img-location:left top;

/* 图片平铺方向 simple configuration */
@body-bg-img-repeat:repeat-x;

/*************** 背景 ************************/


/*************** 边框 ************************/
/* 基础边框颜色 simple configuration */
@base-border-color:lighten(@primary-color,46%); 

/* 基础边框宽度*/
@base-border-width: 1px;

/* 基础边框样式*/
@base-border-style: solid;

/* 辅助边框颜色 simple configuration */
@secondary-border-color:darken(@blend-color,20%);

/* 辅助边框宽度*/
@secondary-border-width: 1px;

/* 辅助边框样式*/
@secondary-border-style:dashed;

/*************** 边框 ************************/




/*************** 间距 ************/
/* modcon内边距 */
@modcon-inner-padding:10px;

/* mod块上边距 */
@mod-outer-margin-top:10px;

/* mod块左边距 */
@mod-outer-margin-left:10px;

/*内边距 */
@inner-padding:10px;

/*************** 间距************************/


/*************** 浮动 ************************/

/*模块浮动方向re */
@mod-float-left: left;
@mod-float-right:right;
/*************** 浮动 ************************/



/*************** 光标 ************************/

/* 显示的光标的类型（形状）re */
/* 显示十字形状 */
@cursor-crosshair-value: "crosshair";

/* 显示默认 */
@cursor-default-value: "default";

/* 显示手势形状 */
@cursor-pointer-value: "pointer";

/* 显示帮助形状 */
@cursor-help-value: "help";

/*************** 光标 ************************/


/*************** 标题 ************************/

/* 主标题 */

/* 主标题字体颜色  simple configuration */
@header-font-color:@secondary-color;

/* 主标题字体链接色 re*/
@header-link-font-color:@header-font-color;

/* 主标题字体大小 re*/
@header-font-size:1.428em;

/* 主标题字体族*/
@header-font-family:@body-font-family;

/* 主标题字体风格*/
@header-font-weight:@emphasize-font-weight;

/* 主标题字体行高  re*/
@header-line-height:2em;

/* 主标题字体外上下间距*/
@header-top-padding: 0.2em;
@header-bottom-padding: 0.5em;


/* 副标题 */

/* 副标题字体颜色  simple configuration */
@subtitle-font-color:lighten(@header-font-color, 30%);

/* 副标题字体链接色 re*/
@subtitle-link-font-color:@header-font-color;

/* 副标题字体大小 re*/
@subtitle-font-size:1.8em;

/* 副标题字体族*/
@subtitle-font-family:@body-font-family;

/* 副标题字体风格*/
@subtitle-font-weight: @header-font-weight;

/* 副标题字体行高  re*/
@subtitle-line-height: 2em;

/* 副标题字体外上下间距*/
@subtitle-top-padding: 0.2em;
@subtitle-bottom-padding:0.5em;

/*************** 标题 ************************






/*************** 表单 ************************/
/****  表单输入框 ****/
/* 表单输入框边框颜色  simple configuration  */
@form-input-border-color: @base-border-color;

/* 表单输入框边框宽度*/
@form-input-border-width: @base-border-width;

/* 表单输入框边框样式 */
@form-input-border-style: @base-border-style;

/* 输入框宽度 re*/
@form-input-line-width:3.875em;

/* 输入框高度 1*/
@form-input-height:2em;

/* 输入框行高 re*/
@form-input-line-height:@form-input-height;

/* 输入框文字颜色 re*/
@form-input-color:lighten(@base-font-color,40%);

/* 输入框输入的文字颜色 re*/
@form-input-color:@base-font-color;

/****  表单按钮****/
/* 按钮图片  simple configuration*/
@form-buttom-img:"images/bg.gif";

/* 按钮图片显示位置   simple configuration*/
@form-buttom-img-location:left top;

/* 按钮图片是否平台/平铺方向 simple configuration */
@form-buttom-img-repeat:repeat-x;

/* 按钮宽度  simple configuration */
@form-buttom-img-weight:6.2em;

/* 按钮高度 1 simple configuration */
@form-buttom-img-height:2em;

/* 按钮文字行高  re*/
@form-buttom-img-line-height:2em;

/* 按钮文字颜色  re*/
@form-buttom-font-color:@primary-color;

/* 按钮文字大小 re*/
@form-buttom-font-size:base-font-size;

/* 按钮文字风格  re*/
@form-buttom-font-weight:normal;

/*************** 表单 ************************/






/*************** 幻灯片参数 ************************/
/* 幻灯片滑动按钮边框颜色 simple configuration */

@orbit-bullets-li-border-color:#fff;
/* 幻灯片滑动按钮边框大小  re*/
@orbit-bullets-li-border-weigth:0.2em;

/* 幻灯片滑动按钮边框样式  re*/
@orbit-bullets-li-border-style:soild;

/* 幻灯片滑动按钮背景色颜色 simple configuration */
@orbit-bullets-li-background:lighten(@primary-color, 50%);

/* 幻灯片滑动按钮选中背景颜色 simple configuration */
@orbit-bullets-li-active-background:@primary-color;

/***************  幻灯片参数 ************************/


/***************  小图标 ************************/
/*热点小图标 */
@hot-icon: "images/hot.gif";
/*最新消息小图标 */
@new-icon: "images/new.gif";
/*排行小图标 */
@ranking-icon: "images/ranking.gif";




/***************  业务属性 ************************/
/*modhead背景图*/
@mod-modhead-img: "images/bg.gif";
@mod-modhead-img-location:0 0;
@mod-modhead-img-repeat:repeat-x;
@mod-modhead-height:2.25em;
@mod-modhead-line-height:2.25em;
@spmod-modhead-height:2.25em;
@spmod-modhead-line-height:2.25em;
/*modhead背景色（渐变色）responsive unique*/
@gradient-color-top:darken(@blend-color,10%);
@gradient-color-bottom:lighten(@gradient-color-top,20%);

/*modtitle背景图或前缀*/
@mod-modtitle-img: "images/bg.gif";
@mod-modtitle-img-location:0 0;
@mod-modtitle-img-repeat:repeat-x;
/*modtitle内间距*/
@mod-modtitle-padding-left:2em;
/*modtitle字体*/
@mod-modtitle-font-size:1.25em;
@spmod-modtitle-font-size:1.25em;
@mod-modtitle-font-color:@primary-color;
@mod-modtitle-font-weight:@emphasize-font-weight;
/*modmore字体*/
@mod-modmore-font-size:@emphasize-font-size;
@mod-modmore-font-color:@primary-color;
@mod-modmore-font-weight:normal;
/*modcon列表前缀*/
@mod-modcon-li-prefix-icon:"images/prefix-cion.gif";
@mod-modcon-li-prefix-icon-padding-left:20px;
/*列表前缀*/
@li-list-style:none;
@li-list-prefix-icon: "images/prefix-icon.gif";
@li-list-prefix-icon-padding-left:2em;
/*列表文字大小*/
@li-list-font-size:1.4em;
/*列表行高*/
@li-list-line-height:2em;

/*列表分类颜色*/
@li-list-sort-color:@primary-color;
/*列表下划线参数*/
@li-list-line-height:2em;
@li-list-line-style:soild;
@li-list-line-color:lighten(@base-border-color,30%);

/*emphasize 头条新闻：*/
@li-top-news-font-size:1.142em;
@li-top-news-height:2em;
@li-top-news-line-height:@li-top-news-height;
@li-top-news-font-line-weight:@li-top-news-height;
@li-top-news-font-color:@primary-color;
@li-top-news-font-weight:@header-font-weight;
@spli-top-news-font-size:1.125em;
@spli-top-news-height:2em;
@spli-top-news-line-height:@spli-top-news-height;




/*二三级内页，左边菜单*/
@list-menu-head-heihgt:3.75em;
@list-menu-head-line-heihgt:@list-menu-head-heihgt;
@list-menu-font-size:1.428em;

/*导航条默认背景色*/
@top-bar-bg-img:"images/top-bar-bg.jpg";
@top-bar-bg-img-repeat:repeat-x;
@top-bar-bg-img-location:0 0;
@top-bar-gradient-color-top:lighten(@primary-color,20%);
@top-bar-gradient-color-bottom:@primary-color;
/*点击下拉内容导航条背景色--菜单和icon*/
@top-bar-toggle-topbar-menu-icon-color:#222;
@top-bar-title-area-bg-color:#aaa;
@top-bar-title-area-toggle-topbar-a-color:#fff;
@top-bar-expanded-toggle-topbar-a-span-color:#fff;
/*导航条下拉LI背景色*/
@top-bar-section-ul-bg-color:#e8e8e8;
@top-bar-section-ul-li-bg-color:@top-bar-section-ul-bg-color;
@top-bar-section-ul-li-font-color:#222;
@top-bar-section-ul-li-hover-bg-color:#f2f6fb;
/*导航条下拉LI当前位置背景色*/
@top-bar-section-ul-li-active-bg-color:#e8ebef;
@top-bar-section-ul-li--hover-font-color:#222;
@top-bar-section-ul-li-top-dividingline-color:#fff;
@top-bar-section-ul-li-bottom-dividingline-color:#c3c6ca;
@top-bar-section-has-dropdown-a-after:transparent transparent transparent rgba(64, 64, 64, 0.5);
/*MOD块TAB切换背景*/
@tab-height:2.25em;
@tab-line-height:@tab-height;
@tab-bg-color:lighten(@secondary-color,30%);
@tab-on-bg-color:@blend-color;
@tab-tc-font-weight:@header-font-weight;
@tab-tc-font-color:@secondary-color;
@tab-tc-on-font-color:@blend-color;
@sptab-height:2.25em;